import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import AppHeader from "./components/app-header.vue";
import './assets/style/reset.scss'
import './assets/style/global.scss'
import './assets/style/border.scss'
import "./assets/iconfont/iconfont.css";

import ScrollView from '@/base-ui/scroll-view/scroll-view';
import "./assets/font_4066590_07qwo5c0ul3w/iconfont.css";
import "./assets/font_4079516_bgl1ee94eht/iconfont.css"
Vue.component(ScrollView.name, ScrollView);




import { Rate } from 'vant';
import { Search } from 'vant';
import { CountDown } from 'vant';


Vue.use(CountDown);
Vue.use(Search);
Vue.use(Rate);



Vue.config.productionTip = false;


// 注册为全局组件

Vue.component(AppHeader.name, AppHeader);
Vue.component(ScrollView.name, ScrollView);



new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')




// 识别设备
const userAgent = window.navigator.userAgent;
let device = 'PC';
if (userAgent.indexOf('iPhone') >= 0) {
  device = 'ios';
}
else if (userAgent.indexOf("Android") >= 0) {
  device = 'android';
}
else if (userAgent.indexOf('iPad') >= 0) {
  device = 'ipad';
}

if (device === 'android') {
  document.querySelector('head').innerHTML += `
  <style type="text/css">
    .slideOut{
      animation: slideOut 300ms;
    }
  </style>
  `;
}
